<template>
	<div
		class="h-12 flex justify-center items-center bg-black-250 text-t-2 app-text-link"
		@click="openWalletSetting">
		<div class="flex gap-1">
			<base-icon name="wallet2" size="20" />
			<base-text text-t="wallet.setting" />
		</div>
	</div>
</template>

<script setup lang="ts">
import { BaseIcon } from '@/components/base'
import BaseText from '@/components/base/text/index.vue'
import router from '@/router'

defineProps({
	show: {
		type: Boolean
	}
})
const emits = defineEmits(['update:show'])

const openWalletSetting = () => {
	emits('update:show', false)
	router.replace({ query: { modal: 'wallet-settings' } })
}
</script>
